
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>

<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, veritatis.</p>
<div class="item"></div>
<a href="#">link1</a>
<a href="#">link2</a>
<a href="#">link3</a>
<a href="#">link4</a>
<a href="#">link5</a>
<a href="#">link6</a>
<a href="#">link7</a>
<script src="../vendor/jquery-1.12.4.js"></script>
<script>
    $(function() {

        var element = $('p');

        element.wrap('<div class="box"></div>'); //p元素被box包裹住
        //element.wrap($('.item'))

        var elements = $('a')
        // $('a').wrap('<p></p>');
        elements.wrapAll('<p></p>');

        element.wrapInner('<div class="box"></div>');
        //        $('a').wrapInner('<p></p>');

        //element.unwrap();  //用于移除元素的父元素
    });
</script>
</body>

</html>